/*
 * Copyright © 2022 XXXXXXXXX
 * @Author: zhangxiang
 * @Date: 2022-06-06 15:03:23
 * @LastEditors: zhangxiang
 * @LastEditTime: 2022-11-23 11:22:33
 * @Description: 
 * 
 */

// sidebar
$menuText: #a7b1bf; // 菜单文字颜色
$menuActiveText: #ffffff; // 菜单文字active颜色
$subMenuActiveText: #ffffff; //https://github.com/ElemeFE/element/issues/12951
$menuTextSize: 16px; // 菜单文字大小
$subMenuTextSize: 14px; // 子菜单文字大小

$menuBg: transparent; // 菜单背景
$menuActiveBg: transparent; // 菜单active背景
$menuHover: transparent; // 菜单hover背景

$menuPaddingLeftSide: 7px; // 菜单左侧padding
$menuPaddingRightSide: 10px; // 菜单右侧padding
$menuItemHeight: 35px; // 菜单高度

$subMenuTitleActiveBg: #314164; // 子菜单标题背景
$nestMenuBoxBg: #293245; // 可收起子菜单背景
$subMenuBg: transparent; // 子菜单背景
$subMenuActiveBg: #0091ff; // 子菜单active背景
$subMenuHover: #0091ff; // 子菜单hover背景

$sideBarBg: #131926; // siderBar背景
$sideBarWidth: 260px; // sideBar宽度
$sideBarShadow: 3px 0px 13px 0px rgba(238, 238, 244, 0.6); // sideBar阴影

$navBarShadow: 0px 0px 5px 0px rgba(219, 219, 226, 0.6); // navBar阴影

$appMainBg: #f4f4f6; // appMain背景

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuTextSize: $menuTextSize;
  subMenuTextSize: $subMenuTextSize;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuActiveBg: $menuActiveBg;
  menuHover: $menuHover;
  menuPaddingLeftSide: $menuPaddingLeftSide;
  menuPaddingRightSide: $menuPaddingRightSide;
  menuItemHeight: $menuItemHeight;
  subMenuTitleActiveBg: $subMenuTitleActiveBg;
  subMenuBg: $subMenuBg;
  subMenuActiveBg: $subMenuActiveBg;
  subMenuHover: $subMenuHover;
  nestMenuBoxBg: $nestMenuBoxBg;
  sideBarWidth: $sideBarWidth;
  sideBarBg: $sideBarBg;
  appMainBg: $appMainBg;
  sideBarShadow: $sideBarShadow;
  navBarShadow: $navBarShadow;
}
